/* /css/drugManagement.css */
.root {
    -fx-font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
    -fx-base: #e8f5e9; /* 淡绿色背景 */
}

/* 主内容容器 */
.content-container {
    -fx-background-color: #ffffff;
    -fx-border-color: #c8e6c9; /* 浅绿色边框 */
    -fx-border-radius: 8px;
    -fx-background-radius: 8px;
    -fx-padding: 20px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.08), 10, 0, 0, 0);
}

/* 顶部标题 */
.header-container {
    -fx-padding: 0 0 10px 0;
}

.section-title {
    -fx-font-size: 22px; /* 调整大小 */
    -fx-font-weight: bold;
    -fx-fill: #1b5e20; /* 深绿色标题 */
}

/* 搜索区域 */
.search-field {
    -fx-pref-width: 300px;
    -fx-padding: 8px 12px;
    -fx-background-radius: 20px;
    -fx-border-radius: 20px;
    -fx-border-color: #a5d6a7;
    -fx-background-color: #f1f8e9;
    -fx-font-size: 13px;
}

/* 按钮 */
.button {
    -fx-background-radius: 20px;
    -fx-border-radius: 20px;
    -fx-padding: 8px 20px;
    -fx-cursor: hand;
    -fx-font-weight: bold;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 3, 0, 0, 1);
}

.primary-button {
    -fx-background-color: #4caf50; /* 绿色主按钮 */
    -fx-text-fill: white;
    -fx-font-size: 16px;
}

.primary-button:hover {
    -fx-background-color: #388e3c;
}

.save-button {
    -fx-background-color: #2e7d32;
}

.save-button:hover {
    -fx-background-color: #1b5e20;
}

.cancel-button {
    -fx-background-color: #78909c;
    -fx-text-fill: white;
}

.cancel-button:hover {
    -fx-background-color: #546e7a;
}

/* ================= 表格样式 ================= */
.table-view {
    -fx-background-color: #f5fbf6;
    -fx-border-color: #c8e6c9;
    -fx-border-width: 1px;
    -fx-border-radius: 8px;
    -fx-background-radius: 8px;
    -fx-padding: 0;
}

/* 表头样式 */
.table-view .column-header {
    -fx-background-color: linear-gradient(to bottom, #4caf50, #2e7d32); /* 绿色渐变表头 */
    -fx-pref-height: 40px;
    -fx-text-fill: white;
    -fx-font-weight: bold;
}

/* 表头标签字体大小 */
.table-view .column-header .label {
    -fx-text-fill: white;
    -fx-font-size: 14px;
}

/* 表格行样式 */
.table-view .table-row-cell {
    -fx-background-color: white;
    -fx-pref-height: 50px;
}

/* 表格内容字体 */
.table-cell {
    -fx-font-size: 18px;
}

/* 列统一样式 */
.table-column {
    -fx-alignment: CENTER;
}

.action-column {
    -fx-alignment: CENTER;
}

/* 操作按钮样式 */
.action-column .button {
    -fx-background-radius: 10px;
    -fx-border-radius: 10px;
    -fx-padding: 5px 10px;
    -fx-font-size: 13px; /* 操作按钮字体调整 */
    -fx-min-width: 60px;
}

/* ================= 表单区域 ================= */
.edit-form {
    -fx-background-color: #f1f8e9;
    -fx-border-color: #a5d6a7;
    -fx-border-radius: 8px;
    -fx-background-radius: 8px;
    -fx-padding: 20px;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.1), 5, 0, 0, 0);
}

/* 表单标题字体 */
.form-title {
    -fx-font-size: 18px; /* 与截图中标题一致 */
    -fx-font-weight: bold;
    -fx-fill: #2e7d32;
    -fx-padding: 0 0 10px 0;
}

/* 表单网格 */
.form-grid {
    -fx-background-color: #ffffff;
    -fx-border-radius: 6px;
    -fx-background-radius: 6px;
    -fx-padding: 15px;
    -fx-border-color: #e8f5e9;
}

/* 表单标签字体 */
.form-label {
    -fx-font-weight: bold;
    -fx-text-fill: #2e7d32;
    -fx-font-size: 16px; /* 表单标签字体增大 */
}

/* 表单输入框字体 */
.form-field {
    -fx-padding: 8px 12px;
    -fx-background-color: #ffffff;
    -fx-border-color: #c8e6c9;
    -fx-border-radius: 4px;
    -fx-background-radius: 4px;
    -fx-font-size: 14px; /* 输入框字体增大 */
}

.form-field:focused {
    -fx-border-color: #4caf50;
    -fx-effect: dropshadow(gaussian, rgba(76,175,80,0.25), 4, 0, 0, 0);
}

/* 表单按钮容器 */
.form-buttons {
    -fx-padding: 10px 0 0 0;
}